@charset "utf-8";
#slide{
	height:400px;
	overflow:hidden;
	position:relative;
	width:960px;
	margin:auto;
	margin-top:1em;
	border:ridge 6px #000000;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}
#slide-wrap{
	height:25.000em;
	left:0px;
	position:absolute;
	top:0px;
	width:290em;
}
#slide-wrap img{
	float:left;
}
.input{
	display:none;
}
.label{
	background:#FFF;
	border-radius:20px 20px 20px 20px;
	bottom:10px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	cursor:pointer;
	display:block;
	height:12px;
	position:absolute;
	width:12px;
	z-index:2;
}
#button4 {
    right:0.938em;
}
 
#button3 {
    right:2.188em;
}
 
#button2 {
    right:3.438em;
}
 
#button1 {
    right:4.688em;
}
#image1:checked ~ #button1,
#image2:checked ~ #button2,
#image3:checked ~ #button3,
#image4:checked ~ #button4{
	width:0.438em;
    height:0.438em;
    margin-bottom:0.063em;
    margin-right:0.125em;
}
#image1:checked ~ #slide-wrap {
     left: 0px;
}
 
#image2:checked ~ #slide-wrap {
     left: -70em;
}
 
#image3:checked ~ #slide-wrap {
     left: -145em;
}
 
#image4:checked ~ #slide-wrap {
     left: -213.6em;
}
#slide-wrap{
/*--- code trước ---*/
     -moz-transition:left 0.6s ease-in-out;
     transition:left 0.6s ease-in-out;
     -webkit-transition:left 0.6s ease-in-out;
     -o-transition:left 0.6s ease-in-out;
}
.label{
/*--- code trước ---*/
    -moz-transition:width 0.4s,height 0.4s ease;
    -webkit-transition:width 0.4s,height 0.4s ease;
    -o-transition:width 0.4s,height 0.4s ease;
    transition:width 0.4s,height 0.4s ease;
}